.top-header{
    position: fixed;
    width: 100%;
    left: 0;
    padding-top: 5px;
    top: 0;
}

#yunying-time{
    position: absolute;
    z-index: 3;
    top: 100%;
    left: 50%;
    transform: translate(-50%, 34px);

    .title{
        font-size: 22px;
        color: #becded;
    }
}

#map-container{
    height:100%;
    width: 1000px;
    margin: auto;
}

.left-part{
    position: absolute;
    left: 21px;
    top: 50%;
    transform: translateY(-50%);
    width: 528px;
    height: 870px;
}

.right-part{
    position: absolute;
    right: 21px;
    top: 50%;
    transform: translateY(-50%);
    width: 528px;
    height: 870px;
}



#device-count-pie-chart {
    width: 100%;
    height: 220px;
}

#device-online-rate-chart{
    width: 460px;
    height: 230px;
    margin: auto;
}

#device-availability-chart{
    width: 490px;
    height: 240px;
}

#order-chart{
    height: 420px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}
#order-bar-chart{
    height: 290px;
    margin: auto;
}

#abnormal-chart{
    height: 420px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

#abnormal-block{
    padding:0px 40px;
}

.store-modal{
    position: fixed;
    z-index: 3;
}